@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "SOURCEHANSANSCN-REGULAR";
  src: url("../fontface/SOURCEHANSANSCN-REGULAR.woff2") format("woff2"),
       url("../fontface/SOURCEHANSANSCN-REGULAR.woff") format("woff"),
       url("../fontface/SOURCEHANSANSCN-REGULAR.ttf") format("truetype"),
       url("../fontface/SOURCEHANSANSCN-REGULAR.eot") format("embedded-opentype"),
       url("../fontface/SOURCEHANSANSCN-REGULAR.svg") format("svg");
}
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family:'Microsoft YaHei';font-size:14px;color:#333; overflow-x:hidden;  background: url(../images/background.jpg);
    background-attachment: fixed;
    background-position: center 0;
    will-change: background-position; }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#555;}
a:hover{ text-decoration: none; color: #00b140;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block;}
.clearfixed:after{ content: ""; clear:both; display:block;}
input{ outline:none;}

input:focus {
	border: 1px solid #00b140 !important;
}
.fl{float:left;}
.fr{float:right;}
.wrap{ width:1400px; margin:0 auto;}
header{ width:100%; border-bottom:1px solid #dfdfdf; height:63px; background:#fff;}
.logo{ display:inline-block; padding-top:12px;}
.yy{ line-height:63px; background:url(../images/yy.jpg) no-repeat left center; padding-left:30px; font-weight:bold;}
.sou{ padding:18px 0 0 16px;}
#search-bar{
    background: #85cc9f;
    background: -webkit-gradient(linear,left top,right top,from(#16a148),to(#85cc9f));
    background: -webkit-linear-gradient(left,#16a148 0%,#85cc9f 100%);
    background: -o-linear-gradient(left,#16a148 0%,#85cc9f 100%);
    background: linear-gradient(to right,#16a148 0%,#85cc9f 100%); height:70px; display:none; padding-top:10px;}
.se-xi{ width:552px; height:45px; background:#fff; border-radius:25px; margin:0 auto; position:relative;}
.se-xi input{ border:none; background:none; height:45px; width:100%;border-radius:20px; display:block; outline:none; padding-left:20px;}
.se-xi div{border-radius: 25px;
    font-size: 20px;
    height: 45px;
    width: 60px;
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    outline: none;
	background:url(../images/s02.png) no-repeat center center;
    -webkit-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
	outline:none;
	border:none;
    cursor:pointer
}
.se-xi div:hover{ background:url(../images/s01.png) no-repeat center center #00b140;  cursor:pointer}
nav { height:46px; background:#fff;}
nav ul li{ float:left; line-height:46px; position:relative;}
nav ul li a{ font-size:16px; padding:0 44px; display:block; position:relative;}
nav ul li a:hover,nav ul .on a{ background:#f9f9fa;color: #00b140;}
/*nav ul li a:after{ content:""; width:6px; height:7px; background:url(../images/nav-icon.png) no-repeat center; position:absolute; right:10px; top:25px;}*/
.tttt{ width:330px; position:absolute; left:0; top:46px; display:none;  background:#f9f9fa; text-align:left; padding:0 15px; transition-duration:.5s; z-index:9999;-moz-box-shadow:1px 1px 5px #696969; -webkit-box-shadow:1px 1px 5px #696969; box-shadow:1px 1px 5px #696969;}
.tttt li{ padding-bottom:0; float:left; width:47%; transition-duration:.5s; border-bottom:1px solid #e5e5e5; line-height:42px; margin-right:6%; position:relative;}
.tttt li:nth-child(2n){ margin-right:0;}
.tttt li a{ color:#333; font-size:14px; padding:0;}
.tttt li a:hover{ color:#00b140}
.tttt li a:after{ display:none;}
nav ul .on .tttt li a{ color:#333;}
nav ul .on .tttt li a:hover{color:#00b140}

.tttt li:after{ content:""; width:4px; height:0; top:20%; position:absolute; left:0; transition-duration:.5s; background:#097b32}





.footer{
  width: 100%; 
  position: relative;
  background: #595757;
  color: #fff;
  padding-top: 25px;
  overflow: hidden;
}
/*.footer:after{width: 623px; height:310px; position: absolute; top: 0; left: 0; content: ""; background: url(../images/f-l.png) no-repeat left top; z-index: 1;}
.footer:before{width: 387px; height:167px; position: absolute; bottom: 0; right:0; content: ""; background: url(../images/f-r.png) no-repeat right bottom; z-index: 1;}*/
.f-left{width: 25%; float: left;}
.f-left .bit{line-height: 48px; font-size: 16px;}
.f-left .list ul{padding-top: 12px;}
.f-left .list ul li{line-height: 28px; font-size: 14px; list-style: none; padding-left: 25px; width: 100%;}
.f-left .list ul li:nth-child(1){background: url(../images/f-1.png) no-repeat left center;}
.f-left .list ul li:nth-child(2){background: url(../images/f-2.png) no-repeat left center;}
.f-left .list ul li:nth-child(3){background: url(../images/f-3.png) no-repeat left center;}
.f-left .list ul li:nth-child(4){background: url(../images/f-4.png) no-repeat left 7px; width:100%;}
.f-left .list ul li span{ padding-left:81px}
.f-left .list ul li a:hover{color:#00b13f;}
.f-right{width: 72%; float: right;}
.f-right dl{width: 22%; float: left; margin-right:4%; }
.f-right dl:nth-child(4){margin-right: 0; }
.f-right dl dt{width: 100%; border-bottom: 1px solid #8b8a8a; line-height: 48px; font-size: 16px; margin-bottom:12px;}
.f-right dl dd{width: 100%; font-size: 14px; line-height:28px; transition-duration:.5s; cursor:pointer }
.f-right dl dd a,.f-right dl dt a{ color:#fff;}
.f-right dl dd a:hover{ color:#00b140;}
.f-right dl:nth-child(4) dd{padding-right: 0; border-bottom: 1px solid #8b8a8a; line-height: 0; padding-top:10px; padding-bottom:10px; width:33.33%; float:left; position:relative;}
.f-right dl:nth-child(4) dd span{ position:absolute;bottom:35px; opacity:0; transition-duration:.5s; width:100px; left:25%; margin-left:-75%; z-index:3;}
.f-right dl:nth-child(4) dd:hover span{ opacity:1;}
.f-right dl:nth-child(4) dd p{ width:26px; height:22px; background-repeat:no-repeat;}
.f-right dl:nth-child(4) .ic01 p{background: url(../images/f-5.png) no-repeat center;}
.f-right dl:nth-child(4) .ic02 p{background: url(../images/f-6.png) no-repeat center;}
.f-right dl:nth-child(4) .ic03 p{background: url(../images/f-7.png) no-repeat center;}
.f-right dl:nth-child(4) .ic04 p{background: url(../images/f-8.png) no-repeat center;}
.f-right dl:nth-child(4) .ic05 p{background: url(../images/f-9.png) no-repeat center;}
.f-right dl:nth-child(4) .ic01:hover p{background: url(../images/f-5-1.png) no-repeat center;}
.f-right dl:nth-child(4) .ic02:hover p{background: url(../images/f-6-1.png) no-repeat center;}
.f-right dl:nth-child(4) .ic03:hover p{background: url(../images/f-7-1.png) no-repeat center;}
.f-right dl:nth-child(4) .ic04:hover p{background: url(../images/f-8-1.png) no-repeat center;}
.f-right dl:nth-child(4) .ic05:hover p{background: url(../images/f-9-1.png) no-repeat center;}


/*.f-right dl:nth-child(4) dd:nth-child(2){background: url(../images/f-5.png) no-repeat 10px center;}
.f-right dl:nth-child(4) dd:nth-child(3){background: url(../images/f-6.png) no-repeat 11px center;}
.f-right dl:nth-child(4) dd:nth-child(4){background: url(../images/f-7.png) no-repeat 12px center;}
.f-right dl:nth-child(4) dd:nth-child(5){background: url(../images/f-8.png) no-repeat 15px center;}*/

.f-center{width: 100%; margin-top:20px; border-top: 1px solid #8b8a8a; padding:20px 0;}
.f-center span{font-size: 13px; line-height: 24px; float: left;}
.f-center span a:hover{ color:#00b13f !important;}
.f-center span b{ font-weight:normal;}
.f-center span .qu{ display:block;}
.f-center .select{width: 222px; height: 35px; border:1px solid #8b8a8a; background: rgba(255,255,255,0.3); float: right; cursor: pointer; position: relative;}
.f-center .select select{ width:100%; height:100%; border:none; background:none; opacity:0; position:relative; z-index:3;}
.placeholder{ position:absolute; top:0; left:0; width:100%; line-height:35px; color:#fff; font-size:14px; padding-left:20px; z-index:2;}
.f-center .select p{line-height: 35px; font-size: 14px; padding-left:20px;}
/*.f-right dl dd:hover{ padding-left:10px;}
.f-right dl:nth-child(4) dd:hover{ padding-left:60px;}*/



/*小屏导航*/
.xs-top{display: none;}

.mobile{width: 100%; z-index: 9998; position: fixed; top: 0; right: 0; height: 50px;}
.mobile-inner{ margin-right: auto;margin-left: auto; position: relative;}

.mobile-inner-header{width: 55px; height: 55px; position: fixed; top: 0; right: 0; display:none; transition-duration:.3s;}
.mobile-inner-header-icon{color: #ffffff;background: #00b140; height: 55px; font-size:25px; text-align: center; float:right; width: 55px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 5px) / 2); width: 30px; height: 3px; background-color: #fff;transition-duration: 0.5s;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(10px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-10px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){ width:20px;}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}   
.mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }   
.mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s;animation-fill-mode: both; animation-name: outsecond; }
.mobile-inner-nav{ background:#00b140; width: 100%; position: fixed; top: 55px;left: 0px; display: none; z-index:9998;}
.active_mobile span:nth-child(3){ opacity:0;}
.active_mobile span:nth-child(1){transform: rotate(45deg);width: 30px;}
.active_mobile span:nth-child(2){transform: rotate(-45deg);width: 30px;}
.subNavBox1{width:100%;}
.subNav1{display: block;
  width: 100%;
  border-bottom: 1px solid #00c848;
  line-height: 50px;
  font-size: 16px;
  color: #555;
  padding:0 15px;
  background: url(../images/jia1.png) no-repeat 96% center;
  color:#fff;
}
.t-pa{ top:60px;}
.currentDt1{
	background: url(../images/jian1.png) no-repeat 96% center #03c147;
}
.navContent1{display: none; border-bottom: 1px solid #d6d6d6; padding:10px 0; background:#03c147;}
.navContent1 li{ line-height:30px;}
.navContent1 li a{display:block; font-size:14px; color:#fff; padding-left: 40px;}
.so-mobile-fl{ width:100%; padding:10px 10px 10px 40px;}
.so-mobile-fl p{ font-size:14px; padding-bottom:10px; color:#fff; position:relative;}
.so-mobile-fl a{ display:block; font-size:14px; color:#fff; padding-bottom:10px; float:left; padding-right:10px;}
.xg-mobile-bt{ font-size:16px; padding:10px 20px;}
.xg-mobile-bt a{ color:#fff; position:relative; padding-left:20px;}
.xg-mobile-bt a:before{content: '';
    width: 15px;
    height: 15px;
    background: url(../images/m_anniu1.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: cover;}
/*菜单结束*/
.oa a:hover{ color:#00b140 !important}



.m_link{text-align:center; border-bottom:1px solid #dbdcde;display:none;}
 .m_link.active{background:#d5d9df;}
.m_link .tab{color:#fff; font-size:18px;  padding:10px 48px 10px 0; display:inline-block; *display:inline; *zoom:1; position:relative;}
.m_link .tab:before{content: '';
    background: url(../images/xia.png) no-repeat;
    width: 50px;
    height: 27px;
    display: block;
    position: absolute;
    top: 18px;
    bottom: 0;
    right: -15px;
    background-size: 38%;
    margin: auto;
    transition-duration: .5s;}
/*.m_link .tab:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} */
/*.m_link .tab:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}*/
/*.m_link .tab.active:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#b3b3b3;}*/
.m_link .tab_con{display:none; line-height:40px; border-top:1px solid #ced0d4; padding:5px 0; font-size:14px;}
.m_link .tab_con ul{overflow:hidden; padding:0 20px;}
 .m_link .tab_con ul li{float:left; width:33.33%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:25px;}
 .m_link .tab_con ul li a{ color:#fff;}

.m_link .xz-jia:before{ content: '';
    background: url(../images/up.png) no-repeat;
    width: 50px;
    height: 27px;
    display: block;
    position: absolute;
    top: 18px;
    bottom: 0;
    right: -15px;
    background-size: 38%;
    margin: auto;
    transition-duration: .5s;}


.cssSelect{white-space:nowrap;float: none;
    width: 100%;
    height: 40px;
    position: relative;}
.cssSelect *{display:block;}
.cssSelect a{color:#666;outline-width:0;text-decoration:none}
.cssSelect .selectBox{cursor:pointer;  width: 100%;}
.cssSelect .selectLt{cursor:pointer;float:left;text-align:left}
.cssSelect .selectRt{cursor:pointer;background:url(../images/down.png) no-repeat center center #a7a6a6; float:left}
.cssSelect .selectBox{}.cssSelect .selectLt{overflow:hidden;height:41px;line-height:41px;padding:0 10px;background:none transparent scroll repeat 0% 0%;color:#fff; width:100%; opacity:0; z-index:3; position:relative;}
.cssSelect .selectRt{height:34px;padding-bottom:0;padding-top:0;padding-left:0;padding-right:28px; width:41px;position: absolute;
    right: 0;}
.cssSelect .sNormal{background-position:0 0}.cssSelect .sHover{background-position:0 -50px}
/*.cssSelect .sHover .selectRt{background:url(../images/skin_icons.png) -49px -160px no-repeat #e6e6e6}
.cssSelect .sPressDown{}.cssSelect .sPressDown .selectRt{background:url(../images/skin_icons.png) -49px -160px no-repeat #e6e6e6}*/
.cssSelect .optionsBox{position:absolute;border:1px solid #dbdbdb;padding:2px;margin:0;background:#fff;z-index:100; width:100%;}
.cssSelect .optionsInnerBox{}.cssSelect .optionBox{cursor:pointer;padding:2px 30px 2px 18px;margin:0;height:25px;line-height:25px; color:#333;}
.cssSelect .optionBox span{cursor:pointer;font-size:12px}
.cssSelect .oNormal{}.cssSelect .oHover{background:#00b140;color:#fff}
/*.cssSelect .selected{background:#ff4a00;color:#fff}*/


@media screen and (max-width: 1450px){
	.wrap{ width:1230px;}
	nav ul li a{ padding:0 35px;}
	}
@media screen and (max-width:1261px){
	.wrap{ width:960px;}
	nav ul li a{ font-size:16px; padding:0 20px;}
	}

@media screen and (max-width:769px){
	.wrap{width: 100%;padding:0 10px;}
.footer .list{ display:block}
	nav,.f-right{ display:none;}
.f-left{width:100%}
	#search-bar{ height:60px;    z-index: 9999;
    position: relative;}
	.se-xi{ width:80%; height:40px;}
	.se-xi input,.se-xi button{ height:40px;}
	.logo{ width:42%;}
	.yy{ line-height:55px; background-size:25%; padding-left:20px;}
	header{ height:55px; position:fixed; z-index:9999;width: 100%}
	.sou{ padding-top:15px;}
	header .wrap{ padding:0 10px;}
	.t-ri{ padding-right:56px;}
	.xs-top{display: block;}
	.m_link{ display:block;}
	.f-center{ border:none; margin-top:0; text-align:center; padding:10px 0 20px 0;}
	.footer{ padding-top:15px;}
	.mobile-inner-header{ display:block}
	.f-center span{ font-size:12px;}
	.oa{ display:none;}
	.f-center span b{ display:block;}
	.f-center span .sx{ display:none;}
.f-left .list ul li{ font-size:13px;}
	}






@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}